/*index css start*/
/* top */
.top_main{position:relative;width:100%;font-size:14px;line-height:34px;color:#666;border-bottom:1px solid #ddd;background:#fff;z-index:100;}
.top_main .top_r li{float:left;position: relative; *display: block; *zoom: 1; text-align: center;}
.top_main .top_r li:first-child{margin-right:26px;}
.top_main .top_r .webMap{padding-left: 30px;float:left;background:url("../images/webico.png") no-repeat left center;}
.top_main .top_r .mobile{padding-left: 19px;background:url("../images/mobileico.png") no-repeat left center;}
.top_main .top_r .imgbox{width: 160px; position: absolute; top: 35px; left: 50%; margin-left:-80px; background: #e02020; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; color: #fff; padding: 10px; display: none;z-index:99;}
.top_main .top_r .imgbox img{width: 160px; height: 160px; display: block; margin: 0 auto;}
.top_main .top_r .imgbox span{font-size:16px;line-height:40px;}
.top_main .top_r .mobile:hover a{color:#e02020;}
.top_main .top_r .line{margin-top:18px;padding:0 12px;display:block;width:5px;height:5px;background:url("../images/tpoint.png") no-repeat center center;background-size:5px 5px;}
.top_main .top_r a:hover{color:#e02020;}

/* header */
.header_main{position:relative;width:100%;height:118px;background:#fff;}
.header_main .header .logo{padding-top:35px;}
.header_main .logo .webLogo{float: left;display:block;width: 241px;height: 57px;}
.header_main .webLogo img{display:block;width:100%;height:100%;}
.header_main .logo .slogan{float:left;margin-left: 18px;}
.header_main .logo .slogan .txt{font-weight:bold;font-size: 24px;line-height: 24px;color:#333;}
.header_main .logo .slogan .stxt{padding-top:8px;font-size:24px;line-height:24px;color:#333;}
.header_main .right{float: right;position:relative;}
.header_main .tel_main{padding-top:34px;position:absolute;top:0;right:0;width:246px;}
.header_main .zx{padding-left:24px;height:20px;font-size:16px;line-height:20px;color:#666;background:url("../images/telico1.png") no-repeat left center;}
.header_main .webTel{margin-top:12px;font-weight:bold;font-family: arial;font-size:36px;line-height: 36px;color:#e02020;}

.header_main .right .topsearch{margin-top:50px;margin-right:300px;position:relative;}
.header_main .t_searcher{display:block;width:178px;height:33px;border:1px solid #cccccd;border-radius:16px;}
.header_main .t_searcher .stxt{margin-left:12px;padding:4px 10px;font-size:14px;line-height:25px;width:124px;height:25px;color:#666;outline: none;border:none;border-radius:16px;}
.header_main .t_searcher .sbtn{position:absolute;top:1px;right:12px;display:block;width:21px;height:31px;border:0 none;cursor: pointer;background:url("../images/searchico.png") no-repeat center center;outline:none;}

/*nav*/
.nav_main{position:relative;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;background-color:#005cb3;z-index:12;}
.nav_main ul{display:inline-block;*display: inline;*zoom: 1;z-index:12;}
.nav_main ul .subli{position:relative;float:left;display:block;width:150px;height:50px;line-height:50px;text-align: center;vertical-align: top;z-index:12;}
.nav_main ul .subli:first-child .alink{border-left:1px solid #004194}
.nav_main ul .subli .alink{display:block;*display: inline-block;width:150px;height:49px;font-size:14px;position:relative;width:100%;overflow: hidden;color:#fff;border-right:1px solid #004194;border-bottom:1px solid #005cb3;}
.nav_main ul .subli.hover .alink,.nav_main ul .subli:hover .alink{font-weight:bold;background:#df1f1f;border-bottom:1px solid #930000;}

/* 普通下拉 */
.nav_main dl{width: 148px; border-radius: 0; padding-bottom: 0; display: none; background: #fff; position: absolute; left: 0; top: 50px; z-index: 155; border:1px solid #ddd;display:none;}
.nav_main dl dd{height: 40px; text-align: center; position: relative; z-index: 12; display: block; width: 100%; line-height: 40px;border-top:1px solid #eee}
.nav_main dl dd:first-child{border-top:none;}
.nav_main dl dd a{display:block;color: #666; width: 100%; font-size: 14px; height: 40px; line-height: 40px; transition: ease-in-out 0.2s; font-family: microsoft yahei;}
.nav_main dl dd a:hover{color: #005cb3;text-indent: 6px;background: #f9f9f9; height: 40px; line-height: 40px; border-bottom: none; font-weight: 100; border-radius: 0;}

/*foot_main*/
.footer_main{position:relative;width:100%;height:420px;background:#222;}
.footer_main .footer{padding-top:70px;height:230px;}
.footer_main .left{float:left;display:block;width:220px;}
.footer_main .btlogo{display:block;width:222px;height:54px;}
.footer_main .btlogo img{display:block;width:222px;height:54px;}
.footer_main .tel-box{margin-top:30px;}
.footer_main .tel-box .zx{padding-left:20px;font-size:14px;color:#ccc;background:url("../images/telico4.png") no-repeat left center;}
.footer_main .tel-box .webTel{margin-top:12px;font-family:arial;font-size:30px;line-height:24px;color:#eee;}
.footer_main .tel-box .ctype{margin-top:14px;font-size:14px;color:#ccc;}
.footer_main .middle{float:left;padding-top:3px;margin-left:60px;width:604px;*width:580px;overflow: hidden;}
.footer_main .middle .list li{float:left;width:160px;padding:0 0 0 30px;display:block;list-style:none;line-height:32px;text-align:left;overflow:hidden;min-height:104px;}
.footer_main .middle .list li a{display:block;font-size:18px;line-height:32px;color:#ddd;}
.footer_main .middle .list li .line{margin-top:14px;margin-bottom:4px;display:block;width:20px;height:1px;background:#666;}
.footer_main .middle .list .drop{padding-top:10px;}
.footer_main .middle .list .drop a{display:block;width:100%;font-size:14px;line-height:28px;color:#999;}
.footer_main .middle .list li a:hover{color:#e02020;}
.footer_main .middle .list .drop a:hover{color:#e62129;}
.footer_main .right{float:right;padding-top:10px;width:260px;}
.footer_main .right .qrcode{float:left;width:120px;}
.footer_main .right .qrcode:first-child{margin-right:20px;}
.footer_main .right .qimg{float:left;display:block;width:120px;height:120px;background:#999;}
.footer_main .right .qimg img{display:block;width:120px;height:120px;}
.footer_main .right .qrcode .tit{font-size:14px;line-height:40px;text-align:center;color:#999;}
.footer_main .copyright_main{position:absolute;width:100%;height:50px;bottom:0;background:#151515;overflow:hidden;}
.footer_main .copyright{font-size:12px;color:#999;}
.footer_main .copyright .copy{float:left;height:50px;line-height:50px;}
.footer_main .copyright a{color:#999;}
.footer_main .copyright em{margin:0 5px;}
.footer_main .copyright .jszc{float:right;height: 50px;line-height:50px;}
.footer_main .copyright .jszc span{height:50px;}
.footer_main .copyright a:hover{color:#e62129;}

/*banner*/
.banner{position: relative;width: 100%;min-width: 1000px;padding:0 0 30.442%;overflow: hidden; }
.banner .list{width: 100%;display:inline-block;}
.banner .list li{width: 100%; position: absolute; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; overflow: hidden; background: #fff;}
.banner .list li a{width: 100%; display: block; height: 100%;}
.banner img{width: 100%; height: 100%; display: block; position: relative; left: 0; top: 0;}
.banner .prev,
.banner .next{width: 50px; height: 50px; position: absolute; left: 10%; background:url("../images/bprev.png") no-repeat; z-index: 10; top: 50%; margin-top: -25px; cursor: pointer; transition: ease-in-out 0.2s; opacity: 0.7; filter: alpha(opacity=70);}
.banner .next{left: auto; right: 10%; background:url("../images/bnext.png") no-repeat;}
.banner .next:hover{opacity: 1; filter: alpha(opacity=100);}
.banner .prev:hover{opacity: 1; filter: alpha(opacity=100);}
.banner .tip{position: absolute; width: 100%; left: 0; bottom: 38px; height: 14px; z-index: 3000; text-align: center;}
.banner .tip li{margin: 0 10px; width: 40px; height: 5px; line-height: 10px; text-align: center; cursor: pointer; font-size: 0; font-weight: bold; overflow: hidden; display: inline-block; background: rgba(0,0,0,0.5); border-radius:4px; *display: inline; *zoom: 1; transition: ease-in-out 0.2s;}
.banner .tip li.cur{width:40px;background: #0e72d1;}

/* common css */
.index .index_title{padding-top:80px;padding-bottom:40px;text-align:center;background: url(../images/titline.png) center center no-repeat;}
.index .index_title .tit{font-weight:bold;font-size: 40px;line-height: 35px;text-align:center;color: #333;}
.index .index_title .tit em{font-weight:bold;color:#047fcc;}
.index .index_title .subtit{padding-top:20px;font-size:18px;color:#666;}
.index .amore{margin:0 auto;display:block;width:200px;height:40px;font-size:16px;line-height:40px;text-align:center;border-radius:0;color:#fff;background-color:#e62129;transition:all ease 0.36s;}
.index .amore:hover{width:200px;text-indent:6px;color:#fff;background-color:#005cb3;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);}

.index_search{position:relative;width:100%;height:60px;}
.index_search .search_main .skey_txt{float:left;width:890px;height:60px;font-size:16px;line-height:60px;}
.index_search .search_main .t{float:left;font-weight:bold;color:#666;}
.index_search .search_main .keylist{float:left;}
.index_search .search_main li{display:inline-block;margin-left:50px;}
.index_search .search_main li a{font-size:16px;color:#666;}
.index_search .search_main li:hover a{color:#047fcc;}
.index_search .search{float:right;margin-top:14px;}
.index_search .t_search{position:relative;display:block;width:248px;height:33px;border:1px solid #ccc;border-radius:16px;}
.index_search .t_search .stxt{margin-left:10px;padding:4px 10px;font-size:14px;line-height:25px;width:190px;height:25px;color:#666;outline: none;border:none;border-radius:16px;}
.index_search .t_search .sbtn{position:absolute;top:1px;right:12px;display:block;width:21px;height:31px;border:0 none;cursor: pointer;background:url("../images/searchico.png") no-repeat center center;outline:none;}
.index_search .t_search .sbtn:hover{opacity:0.8;filter:alpha(opacity=80);}

/*产品中心*/
.index .floor_1_main{padding-top:80px;padding-bottom:90px;background:#f5f5f5;}
.pro_center .leftNav{padding-bottom:36px;position:relative;float:left;width:278px;background:#fff;z-index:12;border:1px solid #dddddd;}
.pro_center .leftNav .title{margin-left:-1px;margin-top:-1px;width: 280px; height: 75px; line-height: 75px; background: #047fcc; text-align: center; color: #fff; font-weight: bold; font-size: 30px;}
.pro_center .pro_nav_list{padding-top:6px;margin-right:28px;}
.pro_center .pro_nav_list li{position:relative;height:auto;line-height:60px;border-bottom:1px solid #eee;background:url("../images/pro_arr.png") no-repeat right 19px;}
.pro_center .pro_nav_list li a{position:relative;display:block;font-size:18px;line-height:60px;text-indent:40px;color:#666;}
.pro_center .pro_nav_list li:hover{background:url("../images/pro_arr_h.png") no-repeat right 19px;}
.pro_center .pro_nav_list li.hover{background:url("../images/pro_arr_h.png") no-repeat right 19px;}
.pro_center .pro_nav_list li .nav_a::before{opacity:0;content: '';display: block;width: 0;height: 61px;position: absolute;left: 0;top: -1px;background: #047fcc;transform: translateX(-100%);transition: all 0.3s;}
.pro_center .pro_nav_list li:hover .nav_a::before{opacity:1;transform: translateX(0%);width:4px;}
.pro_center .pro_nav_list li.hover .nav_a::before{opacity:1;transform: translateX(0%);width:4px;}
.pro_center .pro_nav_list li:hover a{color:#047fcc;}
.pro_center .pro_nav_list li.hover a{color:#047fcc;}
/* .index .pro_sub{display:none;} */
/* .index .pro_sub .sub_list1 .sub_li1 .subA{font-size:16px;color:#999;} */
/* .index .pro_sub .sub_list1 .sub_li1 .subA:hover{color:#047fcc;} */
/* .index .pro_sub .sub_list1 .sub_li1.hover .subA{color:#047fcc;font-weight:bold;} */

.pro_center .pro_center .pro_nav_list li{position:relative;}
.pro_center .pro_sub{position:absolute;right:-219px;top:0;width:190px;background:rgba(0,0,0,0.3);display:none;z-index:12;}
.pro_center .pro_sub .sub_li1 .subA{color:#fff;font-size:16px;}
.pro_center .pro_sub .sub_li1:hover{text-indent: 6px;background: #f9f9f9; }
.pro_center .pro_sub .sub_li1:hover .subA{color:#005cb3;}
.pro_center .pro_sub .sub_li1 .subA:before{position:absolute;left:20px;top:28px;display:block;width:6px;height:6px;background:rgba(0,0,0,0.3);content:"";color:#333;border-radius:100%;}

.pro_center .leftTel .txt{padding-top:24px;text-align:center;}
.pro_center .leftTel .txt .tit{font-size:26px;line-height:26px;color:#333;} 
.pro_center .leftTel .txt .subtit{margin-top:8px;font-weight:bold;font-size:34px;line-height:36px;color:#047fcc;} 
.pro_center .leftTel .tel{margin-left:40px;margin-top:12px;}
.pro_center .leftTel .zx{padding-left:24px;height:20px;font-size:16px;line-height:20px;color:#666;background:url("../images/telico2.png") no-repeat left center;}
.pro_center .leftTel .webTel{margin-top:10px;font-weight:bold;font-family: arial;font-size:29px;line-height: 30px;color:#e02020;}
.pro_center .leftTel .wx{margin:0 auto;margin-top:17px;display:block;width:198px;height:38px;line-height:38px;text-align:center;font-size:16px;color:#047fcc;border:1px solid #047fcc;}
.pro_center .leftTel .wx:hover{text-indent:6px;color:#fff;background-color:#047fcc;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);}
.pro_center .right_pro{float:right;width:890px;}
.pro_center .pro_list{width:106%;}
.pro_center .pro_list li{position:relative;margin:0 24px 24px 0;float:left;display:block;width:280px;height:260px;box-shadow: 1px 0 2px rgba(0,0,0,0.1);transition: all ease 300ms;overflow: hidden;background:#fff;}
.pro_center .pro_list li a{display:block;}
.pro_center .pro_list li .img{display:block;width:280px;height:205px;}
.pro_center .pro_list li img{display:block;width:100%;height:100%;}
.pro_center .pro_list li .txt{height:55px;}
.pro_center .pro_list li .txt .tit{padding:0 6px;height:55px;font-size:18px;line-height:55px;text-align:center;color:#222;    overflow: hidden;    transition: all ease 300ms;}
.pro_center .pro_list li .mask{width: 100%; height: 205px; overflow:hidden;/*padding-top: 80px;*/ position: absolute; left: -100%; top: 0; transition: all ease 300ms; background: url(../images/blue80.png) repeat 0 0;}
a .mask:hover{color:#fff;}
.pro_center .pro_list li .mask p{padding:10px 5px;}
.pro_center .pro_list li .mask .seIco{width: 54px; height: 54px; display: block; margin: 0 auto; background:url("../images/seico2.png") no-repeat center center;}
.pro_center .pro_list li:hover .mask{left: 0;}
.pro_center .pro_list li:hover{box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);transition:all ease 0.36s;}
.pro_center .pro_list li:hover .tit{color:#047fcc;}



/* 咨询1 */
.inquiryM{position:relative;width: 100%;height: 200px;color: #fff;background: url(../images/inquiry1.jpg) center top no-repeat;background-size: 100% 100%;}
.inquiryM .inquiry{position:relative;height:200px;}
.inquiry .txt{float:left;padding-top:60px;}
.inquiry .txt .tit{font-weight:bold;font-size:40px;line-height:40px;color:#fff;}
.inquiry .txt .subtit{padding-top:24px;font-size:20px;line-height:24px;color:#fff;}
.inquiry .tel_box{float:right;}
.inquiry .tel_box .webTel{padding-left:40px;margin-top:60px;height:30px;font-family:arial;font-weight:bold;font-size:30px;color:#fff;background:url("../images/telico3.png") no-repeat left center;}
.inquiry .tel_box .wx{float:right;display:block;width:144px;height:33px;margin-top:20px;font-weight:bold;font-size:16px;line-height:33px;text-align:center;color:#fff;background:#e62129;border-radius:3px;transition:all ease 300ms;}
.inquiry .tel_box .wx:hover{text-indent:6px;color:#fff;background-color:#005cb3;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);}
.inquiry2{background: url(../images/inquiry2.jpg) center top no-repeat;background-size: 100% 100%;}


/* 选择美娇 */
.index .floor_2_main{height:808px;background:#fff;}
.index .advantage{position:relative;height:520px;}
.index .adlist{position:relative;height:460px;}
.index .adlist .list{padding:0 0.48rem;}
.index .adlist li{float:left;display:block;width:306px;transition:all ease 0.36s;}
.index .adlist li .snum{display:block;width:65px;height:42px;}
.index .adlist li:first-child .snum{background:url("../images/num_1.png") no-repeat center center;width:60px;} 
.index .adlist li:nth-child(2) .snum{background:url("../images/num_2.png") no-repeat center center;width:65px;} 
.index .adlist li:nth-child(3) .snum{background:url("../images/num_3.png") no-repeat center center;width:63px;} 
.index .adlist li:nth-child(4) .snum{background:url("../images/num_4.png") no-repeat center center;width:63px;} 
.index .adlist li .tit{padding-top:20px;font-weight:bold;font-size:34px;line-height:40px;color:#df1f1f;}
.index .adlist li .desc{padding-top:24px;font-size:18px;line-height:30px;text-align:justify;color:#333;}
.index .adlist li:first-child{margin-bottom:80px;}
.index .adlist li.ad2{float:right;}
.index .adlist li.ad3{position:absolute;bottom:0;left:0;}
.index .adlist li.ad4{position:absolute;bottom:-32px;right:0;}
.index .adlist li:hover{transform: translateY(-3px);transition:all ease 0.36s;}
.index .ad_center{position:absolute;top:14px;left:50%;margin-left:-260px;display:block;width:520px;height:503px;background:url("../images/why_bg.png") no-repeat center center;background-size:357px 357px;}
.index .ad_center .ad_wrapper{display:block;width:520px;height:503px;margin:0 auto;}
.index .ad_center .icolist li{display:block;width:115px;height:115px;}
.index .ad_center .icolist li .img{display:block;width:115px;height:115px;}
.index .ad_center .icolist li:first-child{position:absolute;top:50px;left:0;}
.index .ad_center .icolist li:first-child .img{background:url("../images/why_ico1.png") no-repeat center center;background-size:115px 115px;}
.index .ad_center .icolist li:nth-child(2){position:absolute;bottom:50px;left:0;}
.index .ad_center .icolist li:nth-child(2) .img{background:url("../images/why_ico2.png") no-repeat center center;background-size:115px 115px;}
.index .ad_center .icolist li:nth-child(3){position:absolute;top:50px;right:0;}
.index .ad_center .icolist li:nth-child(3) .img{background:url("../images/why_ico3.png") no-repeat center center;background-size:115px 115px;}
.index .ad_center .icolist li:nth-child(4){position:absolute;bottom:50px;right:0;}
.index .ad_center .icolist li:nth-child(4) .img{background:url("../images/why_ico4.png") no-repeat center center;background-size:115px 115px;}
.index .ad_center .circle_1{position:absolute;top:0;left:8.5px;display:block;width:503px;height:503px;background:url("../images/circle_1.png") no-repeat center center;background-size:503px 503px;-webkit-animation: rotate 10s linear 0s infinite;animation: rotate 10s linear 0s infinite;}
.index .ad_center .circle_2{position:absolute;top:25px;left:36px;display:block;width:454px;height:454px;background:url("../images/circle_2.png") no-repeat center center;background-size:454px 454px;-webkit-animation: rotates 10s linear 0s infinite;animation: rotates 10s linear 0s infinite;}


/* 他们选择了我们 */
.index .floor_3_main{padding-bottom:80px;background:#f5f5f5;}
.index .case_list .list{width:105%;}
.index .case_list li{margin-right:20px;margin-bottom:20px;position:relative;float:left;display:block;width:385px;height:289px;}
.index .case_list li a{display:block;}
.index .case_list li .img{position:relative;display:block;width:385px;height:289px;z-index:1;}
.index .case_list li img{display:block;width:100%;height:100%;}
.index .case_list li .bg{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 10; background: url(../images/mask.png); opacity: 0; filter: alpha(opacity=0);transition: all ease-out .5s;z-index:12;}
.index .case_list li .bg .seico{display:block;width: 45px; height: 45px;position: absolute; left: 50%; margin-left: -22px; top: 50%; margin-top: 0px;transition:all ease 0.36s;z-index:2;display: block; width: 45px; height: 45px; text-align: center; background:url("../images/seico.png") no-repeat center center; *zoom: 1;}
.index .case_list li:hover .bg{opacity: 1; filter: Alpha(opacity=100); }
.index .case_list li:hover .bg .seico{transition: ease-in-out .2s;margin-top: -22px;transition:all ease 0.36s;}
.index .case_list li .txt_box{position:absolute;bottom:0;left:0;width:385px;height:95px;background:url("../images/case_txt.png") no-repeat center center;background-size:385px 95px;z-index:2;}
.index .case_list li .txt{margin:35px 30px 0;width:324px;height:60px;background:url("../images/case_line.png") no-repeat top center;background-size:324px 1px;}
.index .case_list li .txt .tit{float:left;height:60px;font-weight:bold;font-size:16px;line-height:60px;text-align: left;color:#fff;}
.index .case_list li .txt .detail{padding-right:26px;margin-top:24px;float:right;color:#fff;height:16px;line-height:16px;font-size:14px;background:url("../images/detailico.png") no-repeat right center;background-size:16px 16px;}
.index .floor_3_main .btns{width:420px;margin:0 auto;margin-top:10px;}
.index .btns a{float:left;display:block;width:200px;height:40px;font-size:16px;line-height:40px;text-align:center;color:#fff;transition:all ease 0.36s;}
.index .btns a:first-child{margin-right:20px;background:#047fcc;}
.index .btns a.aonline{background:#e62129;}
.index .btns a.amore:hover{background-color:#e62129;}
.index .btns a.aonline:hover{text-indent:6px;color:#fff;background-color:#005cb3;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);}

/* 售后承诺 */
.index .floor_4_main{padding-bottom:90px;background:#fff;}
.index .service{margin-top:10px;}
.index .service li{margin-left:33px;position:relative;float:left;display:block;width:273px;height:359px;border:1px solid #047fcc;border-radius:3px;}
.index .service li:first-child{margin-left:0;}
.index .service li .img{position: relative;width:115px;height:115px;margin:0 auto;margin-top:50px;transition: ease-in-out 0.2s;}
.index .service li .img .bg{display:block;width:115px;height:115px;background:url("../images/circle_sh.png") no-repeat center center;background-size:115px 115px;-webkit-animation: rotate 10s linear 0s infinite;animation: rotate 10s linear 0s infinite;}
.index .service li .simg{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:block;}
.index .service li .txt{padding-top:40px;}
.index .service li .txt .tit{font-weight:bold;font-size:26px;line-height:30px;text-align:center;color:#333;}
.index .service li .txt .desc{margin-top:20px;font-size: 16px;line-height:24px;text-align:center;color:#333;}
.index .service li:first-child .simg{background:url("../images/sico1.png") no-repeat center center;}
.index .service li.sc2 .simg{background:url("../images/sico2.png") no-repeat center center;}
.index .service li.sc3 .simg{background:url("../images/sico3.png") no-repeat center center;}
.index .service li.sc4 .simg{background:url("../images/sico4.png") no-repeat center center;}
.index .service li:hover .img{margin-top:40px;transition: ease-in-out 0.2s;}
.index .service li:hover .txt .tit{color:#005cb3;}

/* 关于我们 */
.index .floor_5_main{background:#f5f5f5;}
.index .floor_5_main .index_title{padding-top:70px;}
.index .floor_5_main .about{width:1198px;height:336px;margin:0 auto;border:1px solid #ddd;background:#fff;}
.index .about .aleft{float:left;width:600px;}
.index .about .aleft .aimg{margin-top:-1px;margin-left:-1px;display:block;width:600px;height:337px;}
.index .about .aleft img{display:block;width:600px;height:337px;}
.index .about .aright{margin-left:50px;float:left;width:480px;}
.index .about .aright .atxt{padding-top:50px;}
.index .about .aright .atit{font-size:24px;line-height:24px;color:#333;}
.index .about .aright .aline{margin-top:20px;display:block;width:50px;height:2px;background:#ccc;}
.index .about .aright .adesc{margin-top:24px;font-size:16px;line-height:30px;text-align:justify;color:#333;}
.index .about .aright .cmore{display:block;width:140px;height:38px;margin-top:40px;font-weight:bold;font-size:14px;line-height:38px;text-align:center;color:#fff;background:#e62129;border-radius:3px;transition:all ease 300ms;}
.index .about .aright .cmore:hover{text-indent:6px;color:#fff;background-color:#005cb3;transition:all ease 0.36s;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.17);}

/* 新闻资讯 */
.index .floor_6_main{padding-bottom:80px;background:#f5f5f5;}
.index .floor_6_main .news{margin-top:15px;position: relative;}
.index .floor_6_main .news li{margin-right:22px;float:left;display:block;width:385px;height:385px;background:#f8f8f8;transition:all ease 0.36s;}
.index .floor_6_main .news li a{display:block;}
.index .floor_6_main .news li .img{display:block;width:385px;height:215px;overflow: hidden;}
.index .floor_6_main .news li img{display: block;width: 385px;height: 215px;transition: all .36s ease;}
.index .floor_6_main .news li .txtBox{width: 343px;height: 108px;border: #ddd solid 1px; border-top: none;padding: 30px 20px;}
.index .floor_6_main .news li .time{display:block; float:left; width:74px; text-align:right; font-size:14px; color:#999; line-height:14px; position:relative;}
.index .floor_6_main .news li .time .day{display:block; font-family:arial;font-size:26px; color:#333; line-height:26px; padding-bottom:6px;}
.index .floor_6_main .news li .time i{display:block; width:30px; height:5px; position:absolute; right:0; top:90px; background:url("../images/arr_bottom.png") no-repeat center center;}
.index .floor_6_main .news li .txt{float:right; width:240px; font-size:18px; color:#333; line-height:24px;}
.index .floor_6_main .news li .txt .tit{height:48px;font-size:18px; line-height:24px;color:#333;}
.index .floor_6_main .news li .txt .desc{display:block; font-size:14px; color:#999; line-height:22px; padding-top:12px;}
.index .floor_6_main .news li:hover{ background-color:#fff; box-shadow:8px 0px 16px rgba(0,0,0,0.1);transition:all ease 0.36s;}
.index .floor_6_main .news li:hover .txtBox{border-color:#fff;}
.index .floor_6_main .news li:hover .time .year{color:#333;}
.index .floor_6_main .news li:hover .txt .tit{color:#047fcc;}
.index .floor_6_main .news li:hover img{filter:brightness(105%);-webkit-filter:brightness(105%);}
.index .floor_6_main .hd{position:absolute;top:170px;width:100%;}
.index .floor_6_main .hd .prev{position:absolute;left:-74px;display:block;width:41px;height:41px;background:url("../images/nprev.png") no-repeat center center;cursor: pointer;transition:all ease 0.36s;}
.index .floor_6_main .hd .next{position:absolute;right:-74px;display:block;width:41px;height:41px;background:url("../images/nnext.png") no-repeat center center;cursor: pointer;transition:all ease 0.36s;}
.index .floor_6_main .hd .prev:hover{left:-80px;transition:all ease 0.36s;}
.index .floor_6_main .hd .next:hover{right:-80px;transition:all ease 0.36s;}
.index .floor_6_main .amore{margin-top:30px;}

/*index css end*/

.links_main{margin-top:0;background:#f5f5f5; line-height: 34px; padding-bottom: 15px; padding-top: 15px; height: 34px;}
.links_main b{float:left;font-weight:normal;font-size: 20px; margin-right: 40px; vertical-align: bottom;color:#666;}
.links_main .list{float:left;}
.links_main li{float:left;}
.links_main a{display: inline-block; width: 80px; height: 34px; line-height: 34px; background: url(../images/linksico.png) no-repeat; font-size: 16px; padding-left: 40px; margin-right: 10px; transition: ease-in-out .2s;}
.links_main a:hover{transform: translateY(-5px); color:#e62129;}

@-webkit-keyframes rotate {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
      }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotate {
    0% {
      -webkit-transform: rotate(0);
      transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
      }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @-webkit-keyframes rotates {
    0% {
      -webkit-transform: rotate(-360deg);
      transform: rotate(-360deg);
    }
    50% {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
    }
    100% {
      -webkit-transform: rotate(-0deg);
      transform: rotate(-0deg);
    }
  }
  @keyframes rotates {
    0% {
      -webkit-transform: rotate(-360deg);
      transform: rotate(-360deg);
    }
    50% {
      -webkit-transform: rotate(-180deg);
      transform: rotate(-180deg);
    }
    100% {
      -webkit-transform: rotate(-0deg);
      transform: rotate(-0deg);
    }
  }

/* Underline From Center1 */
.hvr-underline-from-center1{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}
.hvr-underline-from-center1:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -1px; background: #e5322d; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.hvr-underline-from-center1:hover:before,
.hvr-underline-from-center1.hover:before,
.hvr-underline-from-center1:focus:before,
.hvr-underline-from-center1:active:before{left: 0; right: 0;}
.hvr-underline-from-center1:hover,
.hvr-underline-from-center1.hover{*height: 43px; *border-bottom: 2px solid #e62129; *line-height: 43px;}
@-webkit-keyframes scale{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.02);} 100%{-webkit-transform: scale(1);}}
@keyframes scale{0%{transform: scale(1);} 50%{transform: scale(1.02);} 100%{transform: scale(1);}}

/*rightFix*/
.rightFix{width: 65px; position: fixed; right: 10px; top: 50%; margin-top: -120px; z-index: 999;}
.rightFix a{width: 65px; height: auto; background: #005cb3; text-align: center; display: block; margin-bottom: 1px; position: relative; padding-top: 8px; border-radius: 5px; padding-bottom: 5px;}
.rightFix a h3{color: #fff; font-weight: 400; font-size: 12px;}
.rightFix .ico{width: 32px; height: 32px; display: block; position: relative; overflow: hidden; transition: all ease 300ms; margin: 0 auto; margin-bottom: 1px; padding: 0px; background: url(../images/fix-ico.png) no-repeat 0 0;}
.rightFix .img{width: 110px; height: auto; position: absolute; left: -10px; top: 0; padding: 6px; background: #e5322d; border: 1px solid #ddd; background: #fff; display: none; text-align: center; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 5px; color: #333; padding-bottom: 10px;}
.rightFix .img p{padding-top: 5px;}
.rightFix a:hover .img{opacity: 1; filter: alpha(opacity=100); left: -140px; display: block;}
.rightFix .img img{width: 110px; height:110px;}
.rightFix a span{width: 210px; text-align: center; height: 62px; line-height: 62px; position: absolute; left: -78px; top: 0px; background: #e5322d; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 7px 0 0 7px;}
.rightFix a:hover{background-color: #e5322d; overflow: visible;}
.rightFix a:hover h3{color: #fff;}
.rightFix a.fix-ewm:hover img{opacity: 1; filter: alpha(opacity=100); left: -140px;}
.rightFix a:hover span{opacity: 1; filter: alpha(opacity=100); left: -215px;}
.rightFix .fix-tel:hover .ico{background-position: -32px 0;}
.rightFix .fix-xcx .ico{background-position: 0 -32px;}
.rightFix .fix-xcx:hover .ico{background-position: -32px -32px;}
.rightFix .fix-ewm .ico{background-position: 0px -64px;}
.rightFix .fix-ewm:hover .ico{background-position: -32px -64px;}
.rightFix .mess .ico{background-position: 0 -96px;}
.rightFix .mess:hover .ico{background-position: -32px -96px;}
.rightFix .fix_top .ico{background-position: 0 -128px;}
.rightFix .fix_top:hover .ico,
.rightFix .fix_top.hover .ico{background-position: -32px -128px;}
.rightFix .fix-form{background-position: 10px -234px;}
.rightFix .fix-form span{font-size: 14px; line-height: 23px; width: 180px;}
.rightFix .fix-form:hover{background-position: -37px -234px;}

.ewmbox{width: 300px; height: 320px; padding-top: 20px; background: #fff; z-index: 9999; position: fixed; left: 50%; top: 50%; margin: -170px 0 0 -150px; text-align: center; font-size: 16px; display: none;}
.ewmbox .close{width: 32px; height: 32px; position: absolute; top: -25px; right: -40px; cursor: pointer; border-radius: 100%; background: #f3f3f3 url(../images/dialogclose.png) no-repeat center center; transition: all ease 300ms;}
.ewmbox .close:hover{transform: rotate(180deg);}
.ewmbox img{width: 260px; height: 260px; display: block; margin: 0 auto 10px;}
.dialog-layout{width: 100%; height: 100%; position: fixed; z-index: 100; top: 0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30);}

@-webkit-keyframes gradient-rectangle {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        background: linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        background: -webkit-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        background: -moz-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6)); /*FireFox*/
        background: -o-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));  /* Opear */
        background: -ms-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        opacity: 1;
        
      }
    
      100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: top;
        transform-origin: top;
        background: linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        background: -webkit-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        background: -moz-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6)); /*FireFox*/
        background: -o-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));  /* Opear */
        background: -ms-linear-gradient(to top, rgba(255,255,255,0) , rgba(255,255,255,.6));
        opacity: 0;
      }
     
    }